Basics
Introduction to React
- What is React?
- Setting up a React environment
- JSX syntax and structure
- React components
State and Props
- Understanding state
- Props and passing data
- Managing state with hooks (useState)
Basic Hooks
- useState
- useEffect
- useContext
Event Handling
- Handling events in React
- Binding event handlers
- Event objects
Intermediate
Component Lifecycle
- Understanding the lifecycle of a component
- Class components vs. functional components
- Using lifecycle methods
Forms and Inputs
- Controlled components
- Uncontrolled components
- Form validation
Routing
- Setting up React Router
- Defining routes
- Using Link and NavLink
- Nested routes
Context API
- Creating a context
- Provider and Consumer
- useContext hook
Advanced
Advanced Hooks
- useReducer
- useMemo
- useCallback
- Custom hooks
Performance Optimization
- Memoization
- Code splitting
- Lazy loading components
- React Profiler
State Management
- Using Redux
- Redux Toolkit
- React-Redux
- MobX
Testing
- Jest and Enzyme
- React Testing Library
- Unit testing components
- Integration testing